<template>
  <div class="page-container">


    <!--setp##-&#45;&#45;111start-->
    <!-- 添加商品 -->
    <el-dialog :visible.sync="dialogVisibleTwo" width="50%" title="添加商品">
      <div slot="footer" class="dialog-footer" style="text-align:center">
        <el-button :size="size" @click.native="dialogVisibleTwo = false">取消</el-button>
        <el-button :size="size" type="primary" @click.native="dialogVisibleTwo = false"
                   @click="productTableData2Click" :loading="productEditLoading">确定</el-button>
      </div>
      <el-tabs v-model="tabsIndex">
        <el-tab-pane label="商品管理" name="first">
          <el-form :model="productForm" label-width="90px" ref="productForm" :size="size">
            <div class="col-sm-9">
              <el-form-item label="商品名称" prop="chineseName">
                <el-input v-model="productForm.chineseName" auto-complete="off"></el-input>
              </el-form-item>
            </div>
            <!--<div class="col-sm-9">-->
            <!--<el-form-item label="商品编号" prop="code">-->
            <!--<el-input v-model="productForm.code" auto-complete="off"></el-input>-->
            <!--</el-form-item>-->
            <!--</div>-->
            <!--<div class="col-sm-9">-->
            <!--<el-form-item label="商品条码" prop="barCode">-->
            <!--<el-input v-model="productForm.barCode" auto-complete="off"></el-input>-->
            <!--</el-form-item>-->
            <!--</div>-->
            <!--<div class="col-sm-9">-->
            <!--<el-form-item label="商品类别" prop="categoryId">-->
            <!--<TreeSelect :props="props" :options="optionData" :value="valueId" :clearable="isClearable" :accordion="isAccordion" @getValue="getValue($event)" @check-change="handleCheckChange"/>-->
            <!--</el-form-item>-->
            <!--</div>-->
            <!--<div class="col-sm-9">-->
            <!--<el-form-item label="商品品牌" prop="value6">-->
            <!--<el-select v-model="value6" multiple placeholder="请选择" collapse-tags>-->
            <!--<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">-->
            <!--</el-option>-->
            <!--</el-select>-->
            <!--</el-form-item>-->
            <!--</div>-->
            <!--<div class="col-sm-9">-->
            <!--<el-form-item label="商家名称" prop="value5">-->
            <!--<el-select v-model="value5" multiple placeholder="请选择" collapse-tags>-->
            <!--<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">-->
            <!--</el-option>-->
            <!--</el-select>-->
            <!--</el-form-item>-->
            <!--</div>-->
            <el-button  size="mini" @click="productFormFind()">查询</el-button>
            <el-button  size="mini" @click="resetForm('productForm')">重置</el-button>
          </el-form>

          <!--  商品列表 -->
          <div class="table-section">
            <el-table :data="tableDataTwo"
                      @selection-change="addSelectionChangeProduct"
                      :header-cell-style="tableHeaderColor"
                      ref="multipleTable"
                      style="width: 100%"
                      :row-class-name="tableRowClassName"
                      border
                      :size="size">
              <!--<el-table-column type="selection" width="55"></el-table-column>-->
              <!--<el-table-column prop="商品编码" label="商品编码" sortable  align="center">-->
              <!--<template slot-scope="scope">-->
              <!--<span>{{ scope.row.code}}</span>-->
              <!--</template>-->
              <!--</el-table-column>-->
              <!--<el-table-column prop="商品名称" label="商品名称" align="center">-->
              <!--<template slot-scope="scope">-->
              <!--<span>{{ scope.row.chineseName}}</span>-->
              <!--</template>-->
              <!--</el-table-column>-->
              <!--<el-table-column prop="商品条码" label="商品条码" align="center"></el-table-column>-->
              <!--<el-table-column prop="计量单位" label="计量单位" align="center"></el-table-column>-->
              <!--<el-table-column prop="商品品牌" label="商品品牌" align="center"></el-table-column>-->
              <!--<el-table-column prop="商品类目" label="商品类目" align="center"></el-table-column>-->
              <!--<el-table-column prop="所属商家名称" label="所属商家名称" align="center"></el-table-column>-->
              <!--<el-table-column prop="店铺名称" label="店铺名称" align="center"></el-table-column>-->
              <!--<el-table-column prop="原价" label="原价（元）" align="center"></el-table-column>-->
              <!--<el-table-column label="操作" fixed="right" align="center">-->
              <!--<template slot-scope="scope">-->
              <!--<el-button-->
              <!--:size="size"-->
              <!--@click="select(scope.row)">选择</el-button>-->
              <!--</template>-->
              <!--</el-table-column>-->
              <el-table-column type="selection" width="55"></el-table-column>
              <el-table-column prop="id" label="商家商品id" align="center"></el-table-column>
              <el-table-column prop="code" label="商品编码" align="center"></el-table-column>
              <el-table-column prop="productVolume" label="体积(cm^3)" align="center"></el-table-column>
              <el-table-column prop="shelflifeDays" label="保质期天数" align="center"></el-table-column>
              <el-table-column prop="returnDays" label="包退天数" align="center"></el-table-column>
              <el-table-column prop="thirdProductCode" label="第三方商品编码" align="center"></el-table-column>
              <el-table-column prop="englishName" label="英文名称" align="center"></el-table-column>
              <el-table-column  prop="t1" label="商品" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.typeOfProduct == 1">普通商品</span>
                  <span v-if="scope.row.typeOfProduct == 2">系列子品</span>
                  <span v-if="scope.row.typeOfProduct == 3">系列主品</span>
                  <span v-if="scope.row.typeOfProduct == 4">组合商品</span>
                </template>
              </el-table-column>
              <el-table-column prop="parentId" label="系列虚品的Id" align="center"></el-table-column>
              <el-table-column prop="grossWeight" label="商品毛重(g)" align="center"></el-table-column>
              <el-table-column prop="subtitle" label="副标题(商家自定义名称)" align="center"></el-table-column>
              <el-table-column prop="artNo" label="货号" align="center"></el-table-column>
              <el-table-column prop="replacementDays" label="包换天数" align="center"></el-table-column>
              <el-table-column prop="netWeight" label="商品最大净重(g)" align="center"></el-table-column>
              <el-table-column prop="netWeightStart" label="商品最小净重(g)" align="center"></el-table-column>
              <el-table-column prop="remark" label="备注" align="center"></el-table-column>
              <el-table-column prop="productLength" label="长度(cm)" align="center"></el-table-column>
              <el-table-column prop="freightTemplateId" label="运费模板id" align="center"></el-table-column>
              <el-table-column prop="productHeight" label="高度(cm)" align="center"></el-table-column>
              <el-table-column  prop="t1" label="商品类型" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.type == 1">常规商品</span>
                  <span v-if="scope.row.type == 2">卡券</span>
                  <span v-if="scope.row.type == 3">海购</span>
                  <span v-if="scope.row.type == 4">赠品</span>

                  <span v-if="scope.row.type == 10">实体卡</span>
                  <span v-if="scope.row.type == 11">虚拟卡</span>
                  <span v-if="scope.row.type == 20">券</span>
                  <span v-if="scope.row.type == 5">生鲜产品</span>
                  <span v-if="scope.row.type == 6">增值服务</span>
                  <span v-if="scope.row.type == 7">其他</span>
                  <span v-if="scope.row.type == 21">积分商品</span>
                  <span v-if="scope.row.type == 31">称重商品</span>
                </template>
              </el-table-column>
              <el-table-column prop="chineseName" label="商品中文名称" align="center"></el-table-column>
              <el-table-column  prop="t1" label="商品来源类型" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.sourceType == 1">平台</span>
                  <span v-if="scope.row.sourceType == 2">商家</span>
                </template>
              </el-table-column>
              <el-table-column prop="guaranteeDays" label="保修天数" align="center"></el-table-column>
              <el-table-column  prop="t1" label="审核状态" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.status == 0">待提交</span>
                  <span v-if="scope.row.status == 1">审核中</span>
                  <span v-if="scope.row.status == 2">审核通过</span>
                  <span v-if="scope.row.status == 3">审核不通过</span>
                  <span v-if="scope.row.status == 4">永久下架</span></template>
              </el-table-column>
              <el-table-column prop="productWidth" label="宽度(cm)" align="center"></el-table-column>
              <el-table-column prop="channelCode" label="渠道Code" align="center"></el-table-column>
              <el-table-column prop="saleCalcUnitId" label="销售计量单位主键id" align="center"></el-table-column>
              <el-table-column prop="auditMessage" label="审核原因" align="center"></el-table-column>
              <el-table-column  prop="t1"  label="上下架状态" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.canSale == 0">下架</span>
                  <span v-if="scope.row.canSale == 1">上架</span>
                </template>
              </el-table-column>
              <el-table-column  prop="t1"  label="商品数据类型" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.dataType == 1">运营商品</span>
                  <span v-if="scope.row.dataType == 2">商家商品</span>
                  <span v-if="scope.row.dataType == 3">店铺商品</span>
                </template>
              </el-table-column>
              <el-table-column  prop="t1"  label="商品子形式" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.subTypeOfProduct == 1">自建子品</span>
                  <span v-if="scope.row.subTypeOfProduct == 2">聚合子品</span>
                </template>
              </el-table-column>
              <el-table-column  prop="t1" label="仓库类型" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.warehouseType == 0">有实体仓</span>
                  <span v-if="scope.row.warehouseType == 1">无实体仓</span>
                </template>
              </el-table-column>
              <el-table-column prop="subtitleLan2" label="副标题(二语言)" align="center"></el-table-column>
              <el-table-column prop="t1" label="价格策略" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.priceLevel == 2">店铺</span>
                  <span v-if="scope.row.priceLevel == 3">商家</span>
                  <span v-if="scope.row.priceLevel == 4">运营</span>
                </template>
              </el-table-column>
              <el-table-column prop="t1" label="组合商品类型" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.combineType == 0">固定组合</span>
                  <span v-if="scope.row.combineType == 1">可选组合</span>
                </template>
              </el-table-column>
              <el-table-column prop="firstShelfTime" label="首次上架时间" align="center"></el-table-column>
              <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
              <el-table-column prop="totalStock" label="总库存" align="center"></el-table-column>
              <el-table-column prop="salePriceWithTax" label="零售价" align="center"></el-table-column>
              <el-table-column prop="name" label="商品品牌" align="center"></el-table-column>
              <el-table-column prop="fullNamePath" label="商品类目" align="center"></el-table-column>
              <el-table-column prop="barCode" label="商品条形码" align="center"></el-table-column>
              <el-table-column prop="unitsName" label="计量单位" align="center"></el-table-column>
              <el-table-column prop="storeName" label="店铺名称" align="center"></el-table-column>
              <el-table-column prop="merchantName" label="商家名称" align="center"></el-table-column>




            </el-table>

          </div>


        </el-tab-pane>
      </el-tabs>
    </el-dialog>
    <!--setp##-&#45;&#45;111end-->

    <!--工具栏-->
    <div
      class="toolbar"
      style="float:left;padding-top:10px;padding-left:15px;width: 100%;"
    >
      <div style="text-align: left">  <label>创建满量促销活动</label></div>

      <el-steps
        :active="active"
        finish-status="success"
        simple
        style="margin-top: 20px"
      >
        <el-step title="1、设置促销规则"></el-step>
        <el-step title="2、选择参与商家/店铺"></el-step>
        <el-step title="3、添加活动商品"></el-step>
        <el-step title="4、提交审核"></el-step>
      </el-steps>
      <div v-show="active == 1">
        <form class="form-horizontal mgt15">
          <div class="pdL10 border-left font-bold mgB15 ng-binding">
            基本信息
          </div>
          <div class="form-group">
            <!--活动名称-->
            <label class="col-sm-2 control-label ng-binding"
            >促销活动名称</label
            >
            <!-- <label class="col-sm-2 control-label ng-binding ng-hide" ng-show="promotionDetailContent.promotionType == 13 &amp;&amp; promotionDetailContent.promotionMethod == 17">定金支付时间</label> -->
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-input placeholder="限制在64个字符以内" v-model="filters.promName" size="mini"></el-input>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="form-group">
            <!--活动时间-->
            <label class="col-sm-2 control-label ng-binding">活动时间</label>
            <!-- <label class="col-sm-2 control-label ng-binding ng-hide" v-show="promotionDetail.promotionType == 13 || promotionDetail.promotionType == 17">定金支付时间</label> -->
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-date-picker
                v-model="filters.startTime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                format="yyyy-MM-dd HH:mm:ss"
                placeholder="活动开始"
                class="input_postion"
                size="mini"
              ></el-date-picker>至
              <el-date-picker
                v-model="filters.endTime"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                format="yyyy-MM-dd HH:mm:ss"
                placeholder="活动结束"
                class="input_postion"
                size="mini"
              ></el-date-picker>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="pdL10 border-left font-bold mgB15 ng-binding">
            活动规则
          </div>
          <div class="form-group ng-scope">
            <!--选品范围(参与)-->
            <label class="col-sm-2 control-label ng-binding">选品范围</label>
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-radio-group v-model="filters.selectionRange">
                <el-radio :label="1" class="form-radio">部分参与</el-radio>
                <el-radio :label="2" class="form-radio">全场参与</el-radio>
              </el-radio-group>
            </div>
          </div>

          <div class="form-group ng-scope " style="margin-top: 45px;">
            <!--促销类型(促销类型)-->
            <label class="col-sm-2 control-label ng-binding">促销类型</label>
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-radio-group v-model="filters.frontPromType">
                <el-radio :label="4" class="form-radio">满量减</el-radio>
                <el-radio :label="5" class="form-radio">满量折</el-radio>
              </el-radio-group>
            </div>
          </div>

          <div class="form-group ng-scope " style="margin-top: 75px;">
            <!--促销类型(促销类型)-->
            <label class="col-sm-2 control-label ng-binding"
            >是否叠加应用</label
            >
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-radio-group v-model="filters.overlayAppNumFlag">
                <el-radio :label="1" class="form-radio"
                >否（超量：按最高层级享受优惠）</el-radio
                >
                <el-radio :label="0" class="form-radio"
                >是（倍量：每满一级优惠一次），上限</el-radio
                >
              </el-radio-group>
              <dev v-if="filters.overlayAppNumFlag==0">
                <el-input
                  v-model="filters.overlayAppNum"
                  style="width: 200px; margin-left: 50px;"

                ></el-input
                >次</dev>
            </div>
          </div>

          <div class="form-group ng-scope 11111111" style="margin-top:120px;">
            <label class="col-sm-2 control-label ng-binding">优惠设置</label>
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-table :data="couponSetData" style="width:1200px">
                <el-table-column prop="couponSetindex" label="优惠阶梯">
                  <template slot-scope="scope">
                    <label>{{ scope.row.level}}</label>
                  </template>
                </el-table-column>
                <el-table-column prop="content" label="优惠门槛">
                  <template slot-scope="scope">
                    <div>
                      满<el-input
                      v-model="scope.row.conditionValue"
                      placeholder="X"
                      style="width:100px"
                    ></el-input
                    >件,
                      <span v-if="filters.frontPromType==4">减</span>
                      <span v-if="filters.frontPromType==5">打</span>
                      <el-input
                      v-model="scope.row.contentValue"
                      placeholder="Y"
                      style="width:100px"
                      ></el-input>
                      <span v-if="filters.frontPromType==4">元</span>
                      <span v-if="filters.frontPromType==5">折</span>
                    </div>
                  </template>
                </el-table-column>

                <el-table-column prop="explain" label="优惠说明">
                  <template slot-scope="scope">
                    <label>满{{scope.row.conditionValue}}件，
                      <span v-if="filters.frontPromType==4">减</span>
                      <span v-if="filters.frontPromType==5">打</span>
                      {{scope.row.contentValue}}
                      <span v-if="filters.frontPromType==4">元</span>
                      <span v-if="filters.frontPromType==5">折</span>
                      ;</label>
                  </template>
                </el-table-column>
                <el-table-column label="操作">
                  <template slot-scope="scope">
                    <el-button
                      v-if="scope.row.level!=1"
                      size="mini"
                      type="danger"
                      @click="removeCouponSet(scope.$index, scope.row)"
                    >删除</el-button
                    >
                  </template>
                </el-table-column>
              </el-table>
              <el-button
                size="mini"
                type="primary"
                icon="el-icon-plus"
                style=" margin-top: 10px;"
                @click="addCouponSet"
              >新增优惠</el-button
              >
            </div>
          </div>

          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="form-group ng-scope" ng-controller="promRuleDescCtrl">
            <label class="col-sm-2 control-label ng-binding">活动描述</label>
            <div class="col-sm-9">
              <label class="col-sm-1 ng-binding">中文</label>
              <div class="col--sm-4">
                <el-input
                  type="text"
                  class="form-control mgB10 ng-pristine ng-valid"
                  maxlength="100"
                  v-model="filters.description"
                  size="mini"
                  placeholder="最多输入100个字"
                ></el-input>
              </div>
              <div class="col--sm-12">
                <label class="mgB0 ng-binding"
                >注：非必填字段，不填将显示系统默认文案。自定义输入活动说明后将显示在前台商品详情页中，请认真填写。</label
                >
                <a
                  href
                  style="color:blue;text-decoration:underline;"
                  data-toggle="modal"
                  data-target="#custom-width-modal-img"
                >
                  <!-- <i class="ng-binding">查看示例</i> -->
                </a>
              </div>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="pdL10 border-left font-bold mgB15 ng-binding ng-scope">
            交易规则
          </div>

          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="form-group">
            <!--是否排斥优惠券-->
            <label class="col-sm-2 control-label ng-binding"
            >是否排斥优惠券</label
            >
            <!-- <label class="col-sm-2 control-label ng-binding ng-hide">是否排斥优惠券（尾款支付）</label> -->
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-radio-group v-model="filters.rejectCouponsFlag">
                <el-radio :label="1" class="form-radio">是</el-radio>
                <el-radio :label="0" class="form-radio">否</el-radio>
              </el-radio-group>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="form-group ng-scope">
            <!--是否包邮-->
            <label class="col-sm-2 control-label ng-binding">是否包邮</label>
            <!-- <label class="col-sm-2 control-label ng-binding ng-hide" ng-show="promotionDetailContent.promotionType==9">包邮方式</label> -->
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-radio-group v-model="filters.parcelsFlag">
                <el-radio :label="1" class="form-radio">是</el-radio>
                <el-radio :label="0" class="form-radio">否</el-radio>
              </el-radio-group>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="form-group ng-scope">
            <label class="col-sm-2 control-label ng-binding">超限规则</label>
            <div class="col-sm-10 pdt3px themeTextColor ng-binding">
              <el-radio-group v-model="filters.overLimitRule">
                <el-radio :label="1" class="form-radio">按原价购买</el-radio>
                <el-radio :label="2" class="form-radio">不可购买</el-radio>
              </el-radio-group>
              <br />
              <label
                class="control-label ng-binding"
              >注：超限规则指用户购买商品数量超过活动可购买数量（通过活动设置的"个人限购数、活动总限购数、每单限购数"计算出）后的购买规则。</label>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div v-show="false" ng-show="supplierAllocationShow()" class>
            <div class="col-sm-2 control-label">
              <label class="ng-binding">供应商分摊比例：</label>
            </div>

            <div class="mgT10">
              <div class="row mgB10">
                <div class="col-sm-2 m-b-xs">
                  <el-button
                    type="primary"
                    size="mini"
                    @click="querySupplierListForAdd3()"
                  >选择供应商</el-button
                  >
                  <el-button
                    type="danger"
                    size="mini"
                    @click="delAllSelectedSupplier()"
                  >批量删除</el-button
                  >
                </div>
                <span class="col-sm-3 m-b-xs"
                >不选择时默认不分摊，全部有商家或平台承担</span
                >
                <div style="padding-top: 45px;padding-left: 360px;">
                  <el-table
                    :data="tabbleSupplierData"
                    border
                    style="width:60%"
                    @selection-change="addSelectionChange"
                    v-show="showTable"
                  >
                    <el-table-column type="selection"></el-table-column>
                    <el-table-column
                      prop="id"
                      label="供应商ID"
                    ></el-table-column>
                    <el-table-column
                      prop="productName"
                      label="供应商名称"
                    ></el-table-column>
                    <el-table-column label="分红比例">
                      <template slot-scope="scope">
                        <el-input
                          v-model="scope.row.fenhong"
                          placeholder=""
                          style="width: 235px;"
                        ></el-input
                        >%
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
              </div>
              <div class="portlet-body flip-scroll" hidden>
                <table
                  class="table-striped table-condensed flip-content ng-hide"
                  ng-show="selectedSupplierList.length>0"
                >
                  <thead>
                  <tr>
                    <th style="width:100px;" class="ng-binding">
                      <label class="i-checks m-b-none">
                        <input
                          type="checkbox"
                          name="selected"
                          ng-click="selectedChkAll()"
                          ng-checked="isSelectedChkAll()"
                        />
                        <i></i>
                      </label>
                      全选
                    </th>
                    <th class="minw80 textCenter">供应商ID</th>
                    <th class="minw80 textCenter">供应商名称</th>
                    <th class="minw80 textCenter">
                      <i class="asterisk">*</i>分摊比例
                    </th>
                  </tr>
                  </thead>
                  <tbody>
                  <!-- ngRepeat: e in selectedSupplierList -->
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div class="pdL10 border-left font-bold mgB15 ng-binding">
            参与条件
          </div>
          <div class="line line-dashed b-b line-lg ng-scope"></div>
          <div ng-controller="activitiObjDetailCtrl" class="ng-scope">
            <!--活动渠道-->
            <div
              class="line line-dashed b-b line-lg"
              ng-show="promotionDetailContent.channelCodes.length > 0"
            ></div>
            <div class="form-group ng-scope" ng-if="promotionDetailContent.channelCodes.length > 0">
              <label class="col-sm-2 control-label ng-binding">活动渠道</label>
              <div class="col-sm-10 pdt3px">
                <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
                <div style="margin: 15px 0;"></div>
                <el-checkbox-group v-model="filters.channelCodes" @change="handleCheckedCitiesChange">
                  <el-checkbox v-for="item in chanelCodesRadios" :label="item.code" :key="item.code">{{item.name}}</el-checkbox>
                </el-checkbox-group>
              </div>
            </div>

            <div class="line line-dashed b-b line-lg" ng-show="canShowActivityPlatformLimitShow()"></div>
            <div class="form-group ng-scope" ng-if="canShowActivityPlatformLimitShow()">
              <label class="col-sm-2 control-label ng-binding">活动平台</label>
              <div class="col-sm-10 pdt3px">
                <el-checkbox
                  :indeterminate="isIndeterminate1"
                  v-model="checkAll1"
                  @change="handleCheckAllChange1"
                >全选</el-checkbox>
                <div style="margin: 15px 0;"></div>
                <el-checkbox-group v-model="filters.proPlatform" @change="handleCheckedCitiesChange1">
                  <el-checkbox v-for="city in proPlatformRadios" :label="city.code" :key="city.code">{{city.name}}</el-checkbox>
                </el-checkbox-group>
              </div>
            </div>

            <div class="line line-dashed b-b line-lg"></div>
            <div class="form-group">
              <label class="col-sm-2 control-label ng-binding">新老用户</label>
              <div class="col-sm-10 pdt3px">
                <el-checkbox
                  :indeterminate="isIndeterminate2"
                  v-model="checkAll2"
                  @change="handleCheckAllChange2"
                >全选</el-checkbox>
                <div style="margin: 15px 0;"></div>
                <el-checkbox-group v-model="filters.proUserType" @change="handleCheckedCitiesChange2">
                  <el-checkbox v-for="city in proUserTypeRadios" :label="city.code" :key="city.code">{{city.name}}</el-checkbox>
                </el-checkbox-group>
              </div>
            </div>
            <div class="line line-dashed b-b line-lg"></div>
            <div class="form-group">
              <label class="col-sm-2 control-label ng-binding">会员分组</label>
              <div class="col-sm-10 pdt3px">
                <el-checkbox
                  :indeterminate="isIndeterminate3"
                  v-model="checkAll3"
                  @change="handleCheckAllChange3"
                >全选</el-checkbox>
                <div style="margin: 15px 0;"></div>
                <el-checkbox-group v-model="filters.proMemberType" @change="handleCheckedCitiesChange3">
                  <el-checkbox v-for="city in proMemberTypeRadios" :label="city.code" :key="city.code">{{city.name}}</el-checkbox>
                </el-checkbox-group>
              </div>
            </div>
            <!-- 会员等级(修改) -->
            <div class="line line-dashed b-b line-lg"></div>
            <div class="form-group">
              <label class="col-sm-2 control-label ng-binding ng-scope" ng-if="$index==0">会员等级:</label>
              <div class="col-sm-10 pdt3px">
                <el-checkbox
                  :indeterminate="isIndeterminate4"
                  v-model="checkAll4"
                  @change="handleCheckAllChange4"
                >全选</el-checkbox>
                <div style="margin: 15px 0;"></div>
                <el-checkbox-group v-model="filters.proMemberLevel" @change="handleCheckedCitiesChange4">
                  <el-checkbox v-for="city in proMemberLevelRadios" :label="city.code" :key="city.code">{{city.name}}</el-checkbox>
                </el-checkbox-group>
              </div>
            </div>
            <div class="line line-dashed b-b line-lg"></div>
            <div class="form-group ng-scope" ng-if="promotionDetailContent.promotionType != 12">
              <!--备注-->
              <label class="col-sm-2 control-label ng-binding">备注</label>
              <div class="col-sm-10 pdt3px themeTextColor">
                <quill-editor
                  v-model="filters.remark"
                  ref="myQuillEditor"
                  style="height: 300px;"
                  :options="editorOption"
                ></quill-editor>
              </div>
            </div>
          </div>

        </form>
      </div>

      <div class="tab-container" v-show="active==2">
        <stepTwoMerchantStore
          ref="stepTwoMerchantStore"/>
      </div>

      <!--step3##111start-->
      <!--促销商品列表-->
      <div v-if="active == 3" class="content">
        <el-form :inline="true" class="demo-form-inline2" size="small">
          <el-form-item>
            <el-button type="primary" @click="add">添加促销商品</el-button>
          </el-form-item>
        </el-form>
        <div class="table-section">
          <el-table :data="merchantProductTableData"
                    :header-cell-style="tableHeaderColor"
                    ref="multipleTable"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                    border
                    :size="size">
            <el-table-column prop="mpCode" label="商品编码" width="180" align="center">

            </el-table-column>
            <el-table-column prop="productName" label="商品名称" width="180" sortable align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.mpName}}</span>
              </template>
            </el-table-column>
            <!--<el-table-column prop="unit" label="计量单位" align="center">-->

            <!--</el-table-column>-->
            <el-table-column prop="merchantName" label="商家名称" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.merchantName}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="storeName" label="店铺名称" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.storeName}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="salePriceWithTax" label="零售价（元）" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.salePriceWithTax}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="拼团价" label="拼团价（元）" align="center">
              <template slot-scope="scope">
                <el-input v-model="scope.row.promPrice" :size="size" @blur="updatePriceOrLimit(scope.row)" placeholder="拼团价（元）" :disabled="scope.row.disabled"/>
              </template>
            </el-table-column>
            <el-table-column prop="channelIndividualLimit" label="个人单渠道限购" align="center">
              <template slot-scope="scope">
                <el-input v-model="scope.row.channelIndividualLimit"  @blur="updatePriceOrLimit(scope.row)"
                          :size="size" placeholder="个人单渠道限购" :disabled="scope.row.disabled"/>
              </template>
            </el-table-column>
            <el-table-column prop="channelStoreLimit" label="店铺单渠道限购" align="center">
              <template slot-scope="scope">
                <el-input v-model="scope.row.channelStoreLimit" @blur="updatePriceOrLimit(scope.row)" :size="size" placeholder="店铺单渠道限购" :disabled="scope.row.disabled"/>
              </template>
            </el-table-column>
            <!-- <el-table-column
                prop="tag"
                label="标签"
                width="100"
                filter-placement="bottom-end"
                align="center">
                    <template slot-scope="scope">
                        <el-tag
                            :type="scope.row.tag === '学校' ? 'primary' : 'success'"
                            disable-transitions>{{scope.row.tag}}
                        </el-tag>
                    </template>
            </el-table-column> -->
            <el-table-column label="操作" fixed="right" align="center" width="200">
              <template slot-scope="scope">
                <!--<el-button-->
                <!--:size="size"-->
                <!--icon="el-icon-edit"-->
                <!--@click="handleEdit(scope.$index, scope.row)" v-if="scope.row.disabled" >编辑</el-button>-->
                <!--<el-button-->
                <!--:size="size"-->
                <!--icon="el-icon-edit"-->
                <!--type="primary"-->
                <!--@click="handleEdit(scope.$index, scope.row)" v-else>保存</el-button>-->
                <el-button
                  @click.native.prevent="delMerchantProducts(scope.row.promotionId,scope.row.mpId)"
                  type="text"
                  size="small">
                  删除
                </el-button>
              </template>
            </el-table-column>
          </el-table>
          <!--<div style="margin-top: 10px;">-->
          <!--<el-button size="mini" type="primary" @click="mainProductTableDataFormFind()">查询促销商品</el-button>-->
          <!--</div>-->
        </div>


      </div>
      <!--step3##111end-->

      <div v-if="active == 4" class="content" style="text-align: center;margin-top: 5%;">
        <div>
          <img src="/static/images/success.png" style="width:20px;"/>
          <span style="font-size:25px;">满量活动创建成功!</span>
        </div>

        <!--<div style="margin-top:20px;" v-if="shenhe == 0">-->
          <!--<el-button type="primary" plain :size="size" @click="shenheHuodong(0)">提交审核</el-button>-->
        <!--</div>-->
        <!--<div style="margin-top:20px;" v-if="shenhe == 1">-->
          <!--<el-button type="primary" plain :size="size" @click="shenheHuodong(1)">审核</el-button>-->
        <!--</div>-->

        <audit
          :status="1"
          :not-audit-status="1"
          :audit-status="2"
          ref="audit"/>

        <div style="margin-top:20px;">
          <el-link type="primary" @click="redirectList">查看活动列表</el-link>
        </div>
      </div>

    </div>
    <div>
      <el-button style="margin-top: 60px;margin-bottom: 60px;" @click="next"
                 v-if="active != 4"
      >下一步</el-button
      >
    </div>

    <!-- 选择参与商家 -->
    <el-dialog
      title="添加商家"
      width="40%"
      :visible.sync="editBusinessDialogVisible"
      :close-on-click-modal="false"
    >
      <div>
        <div>
          <el-form :inline="true" :model="dataForm" size="mini">
            <el-form-item label="商家编码" label-width="100px">
              <el-input
                v-model="dataForm.number"
                placeholder=""
                size="mini"
              ></el-input>
            </el-form-item>
            <el-form-item label="商家名称" label-width="100px">
              <el-input
                v-model="dataForm.name"
                placeholder=""
                size="mini"
              ></el-input>
            </el-form-item>
          </el-form>
          <el-button size="mini">查询</el-button>
          <el-button size="mini">重置</el-button>
        </div>
        <div style="padding-top: 45px;">
          <el-table
            :data="tableData"
            borderyou
            style="width: 100%"
            @selection-change="addSelectionChange"
          >
            <el-table-column type="selection"></el-table-column>
            <el-table-column prop="id" label="商家编码"></el-table-column>
            <el-table-column
              prop="productName"
              label="	商家名称"
            ></el-table-column>
          </el-table>
        </div>
      </div>
      <div slot="footer" class="dialog-footer" style="text-align:center">
        <el-button
          :size="size"
          @click.native="editBusinessDialogVisible = false"
        >取消</el-button
        >
        <el-button :size="size" type="primary" @click="addBusiness"
        >确定</el-button
        >
      </div>
    </el-dialog>


    <!-- 导入、上传弹窗-->
    <el-dialog
      :title="operation ? '商品导入' : '下载模板'"
      :inline="true"
      width="20%"
      :visible.sync="uploadVisible"
      :close-on-click-modal="false"
    >
      <div style="padding-top: 15px;">
        <el-button type="primary" icon="el-icon-download" v-show="operation"
        >商品导入模板</el-button
        >
        <el-button
          type="primary"
          icon="el-icon-upload"
          v-show="operation == false"
        >商品导入</el-button
        >
      </div>
    </el-dialog>

    <!--新增编辑界面-->
    <el-dialog
      :title="'添加商品'"
      :inline="true"
      width="65%"
      :visible.sync="productVisible"
      :close-on-click-modal="false"
    >
      <div>
        <el-form
          :model="dataForm"
          label-width="80px"
          ref="dataForm"
          :size="size"
        >
          <div class="col-sm-9">
            <el-form-item label="商品名称">
              <el-input v-model="dataForm.key" auto-complete="off"></el-input>
            </el-form-item>
          </div>
          <div class="col-sm-9">
            <el-form-item label="商品编码">
              <el-input v-model="dataForm.key" auto-complete="off"></el-input>
            </el-form-item>
          </div>
          <div class="col-sm-9">
            <el-form-item label="商品条码">
              <el-input v-model="dataForm.key" auto-complete="off"></el-input>
            </el-form-item>
          </div>
          <div class="col-sm-9">
            <el-form-item label="商品类目">
              <el-input v-model="dataForm.key" auto-complete="off"></el-input>
            </el-form-item>
          </div>
          <div class="col-sm-9">
            <el-form-item label="商品品牌">
              <el-input v-model="dataForm.key" auto-complete="off"></el-input>
            </el-form-item>
          </div>
          <div class="col-sm-9">
            <el-form-item label="商家名称">
              <el-input v-model="dataForm.key" auto-complete="off"></el-input>
            </el-form-item>
          </div>
        </el-form>
      </div>
      <div style="padding-top: 45px;">
        <el-table
          :data="tableData"
          border
          style="width: 100%"
          @selection-change="addSelectionChange"
        >
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column
            prop="id"
            label="商品编码"
            width="180"
          ></el-table-column>
          <el-table-column
            prop="productName"
            label="商品名称"
            width="180"
          ></el-table-column>
          <el-table-column prop="address" label="商品条码"></el-table-column>
          <el-table-column prop="unit" label="计量单位"></el-table-column>
          <el-table-column prop="shopName" label="商品品牌"></el-table-column>
          <el-table-column prop="price" label="商品类目"></el-table-column>
          <el-table-column
            prop="markdown"
            label="所属商家名称"
          ></el-table-column>
        </el-table>
      </div>
      <div slot="footer" class="dialog-footer" style="text-align:center">
        <el-button :size="size" @click.native="productVisible = false"
        >取消</el-button
        >
        <el-button
          :size="size"
          type="primary"
          @click="addProduct()"
          :loading="editLoading"
        >确定</el-button
        >
      </div>
    </el-dialog>

  </div>
</template>

<script>
  import KtButton from "@/views/Core/KtButton";
  import { format } from "@/utils/datetime";
  import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog";
  import { darkmagenta } from "color-name";
  import { quillEditor } from "vue-quill-editor";
  import "quill/dist/quill.core.css";
  import "quill/dist/quill.snow.css";
  import "quill/dist/quill.bubble.css";
  const channelArr = ["bbc"];
  const channelArr1 = ["APP端", "PC端", "微信"];
  const channelArr2 = ["新用户", "老用户"];
  const channelArr3 = ["普通会员"];
  const channelArr4 = ["注册用户", "VIP会员", "金卡"];
  import { singleFrontPromTypesRadio, chanelCodesRadio,proPlatformRadio,proUserTypeRadio,proMemberTypeRadio,proMemberLevelRadio } from "@/market/dict/marketDict";
  import stepTwoMerchantStore from "./components/StepTwoMerchantStore";
  import audit from "./components/Audit";

  export default {
    name: "Tab",
    components: {
      audit,
      stepTwoMerchantStore,
      KtButton,
      TableColumnFilterDialog,
      quillEditor
    },
    data() {
      return {
        // // 审核-start
        // adminDataForm:{
        //   auditRemark:""
        // },
        // dialogVisibleAdmin: false,
        // shenhe:0,
        // // 审核-end

        // setep3--start

        productAddSelection: [],
        tableDataTwo:[],
        merchantProductTableData: [],
        dialogVisibleTwo:false,
        tabsIndex:'first',
        productForm:{
          start:1,
          limit:10,
          productName:"",
          productNo:"",
          barCode:"",
          chineseName:"",
          code:""
        },
        productEditLoading: false,
        productPromotionListObject :{productPromotionList:[]},
        mainProductForm:{
          promotionId: 3,
          start:1,
          limit:10,
          orderBys:{
            "f":"create_time",
            "s":"desc"
          }
        },
        // setep3--end


        tabbleSupplierData: [],
        showTable: false,
        upNumber: "",
        addCouponSetShow: true,
        inputDisabled: true,
        couponSetData: [{
          level: 1,
          conditionType:2,
          contentType:1,
          creator:1,
          creatorName:"ttt",
          updator:1,
          updatorName:"ttt"
        }],
        size: "small",
        editBusinessDialogVisible: false,
        editDialogVisible: false,
        editDialogVisible2: false,
        url: "./static/shop.png",
        url2: "./static/shop2.png",
        content: null,
        editorOption: {},
        size: "small",
        productVisible: false,
        uploadVisible: false,
        operation: false, // true:商品导入, false:下载模板
        activeName: 0,
        setUp: false,
        search: false,
        filters: {
          "id": null,
          "promType":2,//满量促销
          "promName": null,
          "frontPromType": 4,
          "foldingFlag": 1,
          "overLimitRule": 2,
          "channelCodes": [110001],
          "proPlatform": [1],
          "proUserType": [1],
          "proMemberType": [1],
          "proMemberLevel": [2],
          "createMerchantId":11,
          "createMerchantName":"wys",
          "contentType":1,
          "creator":1,
          "creatorName":"wys",
          "updator":1,
          "updatorName":"wys",
          "rejectCouponsFlag": 0,
          "parcelsFlag": 0,
          "selectionRange": 1,
          "overlayAppNum":1,
          "overlayAppNumFlag":1,
          "description":""
        },
        editLoading: false,
        dataForm: {},
        modalShow: 1,
        multipleSelection: [],
        repelSelection: [],
        addSelection: [],
        businessList: [{ id: "001", name: "张小二服饰", type: "自营商家" }],
        shopList: [{ id: "161616", name: "张小二bbc店铺", type: "直营" }],
        tableData: [
          {
            id: 1912250010887324,
            productName: "新供应商001",
            unit: "件",
            shopName: "张小二服饰",
            price: 1.2,
            markdown: 1,
            shopLimit1: 100,
            shopLimit2: 100,
            shopLimit3: 100
          },
          {
            id: 19122500108,
            productName: "新供应商",
            unit: "箱",
            shopName: "奥利奥",
            price: 1.2,
            markdown: 1,
            shopLimit1: 100,
            shopLimit2: 100,
            shopLimit3: 100
          }
        ],
        active: 1,
        radio1: 3,
        isChange: 0,
        radio2: 3,
        radio3: 3,
        radio4: 3,
        radio5: 3,
        shopList: [],
        businessList: [],

        frontPromTypesRadios: singleFrontPromTypesRadio,
        chanelCodesRadios: chanelCodesRadio,
        proPlatformRadios: proPlatformRadio,
        proUserTypeRadios: proUserTypeRadio,
        proMemberTypeRadios: proMemberTypeRadio,
        proMemberLevelRadios: proMemberLevelRadio,
        checkAll: false,
        checkAll1: false,
        checkAll2: false,
        checkAll3: false,
        checkAll4: false,
        checkedCities: ["bbc"],
        checkedCities1: ["APP端", "PC端", "微信"],
        checkedCities2: ["新用户", "老用户"],
        checkedCities3: ["普通会员"],
        checkedCities4: ["注册用户", "VIP会员", "金卡"],
        cities: channelArr,
        cities1: channelArr1,
        cities2: channelArr2,
        cities3: channelArr3,
        cities4: channelArr4,
        isIndeterminate: true,
        isIndeterminate1: true,
        isIndeterminate2: true,
        isIndeterminate3: true,
        isIndeterminate4: true
      };
    },
    methods: {
      promotionRuleSaveBatch(){
        let callbackRule = function(res) {
          if (res.code == "0000") {

          }
        };

        var ttt ={};
        let this_ = this;
        let itemArr = [];
        this.couponSetData.map(item => {
          item.promotionId = this_.promotionId;
          itemArr.push(item);
        });
        ttt.ruleListRequestList = itemArr;

        this.utils.request.promotionRuleSaveBatch(ttt, callbackRule);
      },
      getShop(){
        let callback2 = res => {
          if (res.code == "0000") {
            this.merchantProductTableData=res.data.rows;
          }
        };
        var param2 ={};
        param2.promotionId = this.promotionId;
        param2.start=1;
        param2.limit=10;
        this.utils.request.promotionMerchantProductList(param2, callback2);
      },
      // // 审核-start
      redirectList(){
        this.$router.push({
          path:"/pages/promotionManagement/FullNumPromotion"
        })
      },
      // submitFormAdminNotPass(){
      //   this.shenhe = 2;
      //   this.dialogVisibleAdmin = false;
      //
      //   let callback = res => {
      //     console.log(res);
      //   };
      //   this.adminDataForm.id = this.promotionId;
      //   this.adminDataForm.status = 4;
      //   this.utils.request.promotionUpdate(this.adminDataForm, callback);
      //   this.shenhe = 0;
      // },
      // submitFormAdmin(){
      //   this.shenhe = 2;
      //   this.dialogVisibleAdmin = false;
      //
      //   let callback = res => {
      //     console.log(res);
      //   };
      //   this.adminDataForm.id = this.promotionId;
      //   this.adminDataForm.status = 3;
      //   this.utils.request.promotionUpdate(this.adminDataForm, callback);
      // },
      //
      // shenheHuodong(flag){
      //   if(flag == 0){
      //     this.$confirm("是否确认提交审核？", "提示", {
      //       type: "warning"
      //     })
      //       .then(() => {
      //         this.shenhe = 1;
      //
      //         let callback = res => {
      //           console.log(res);
      //         };
      //         let param ={};
      //         param.id    =this.promotionId;
      //         param.status         =2;
      //
      //         this.utils.request.promotionUpdate(param,callback);
      //
      //       })
      //       .catch(() => {
      //       });
      //   }else{
      //     this.dialogVisibleAdmin = true;
      //   }
      // },
      // // 审核-end


      //移除店铺
      removeShop:function(index, row){
        let this_ = this;
        var temp = [];
        $.each(this_.shopList, function(key, val) {
          if (key == index) {
          } else {
            temp.push(val);
          }
        });
        this_.shopList = temp;
      },
      //移除商铺
      removeBusiness:function(index, row){
        let this_ = this;
        var temp = [];
        $.each(this_.businessList, function(key, val) {
          if (key == index) {
          } else {
            temp.push(val);
          }
        });
        this_.businessList = temp;
      },
      //添加供应商
      saveSupplier: function(data) {
        this.tabbleSupplierData=this.tabbleSupplierData.concat(this.addSelection)
        this.showTable=true
        this.editDialogVisible=false
      },
      //添加商品
      addProduct: function(data) {
        if (this.addSelection.length == 0) {
          this.$message({ message: "请选择店铺", type: "error" });
        } else {
          this.tableData = this.tableData.concat(this.addSelection);
          this.tableData1 = this.addSelection;
          this.$message({ message: "操作成功", type: "success" });
          this.productVisible = false;
          this.addSelection = [];
        }
      },
      // 批量删除添加商品
      delMerchantProducts: function(data) {
        this.$message({ message: "操作成功", type: "success" });
      },
      // 添加商铺
      addShop: function(data) {
        if (this.addSelection.length == 0) {
          this.$message({ message: "请选择店铺", type: "error" });
        } else {
          this.shopList = this.addSelection;
          this.$message({ message: "操作成功", type: "success" });
          this.editDialogVisible2 = false;
        }
      },
      // 添加商家
      addBusiness: function(data) {
        console.log(this.addSelection);
        if (this.addSelection.length == 0) {
          this.$message({ message: "请选择商家", type: "error" });
        } else {
          this.businessList = this.addSelection;
          this.$message({ message: "操作成功", type: "success" });
          this.editBusinessDialogVisible = false;
        }
      },
      // changeRadio: function(data) {
      //   if (data == 0) {
      //     this.addCouponSetShow = true;
      //     this.inputDisabled = true;
      //   } else {
      //     this.addCouponSetShow = false;
      //     this.inputDisabled = false;
      //     this.couponSetData = [{ level: 1 ,
      //       promotionId: this.promotionId,
      //       conditionType:2,
      //       contentType:1,
      //       creator:"ttt",
      //       creatorName:"ttt",
      //       updator:"ttt",
      //       updatorName:"ttt"}];
      //   }
      // },
      removeCouponSet: function(index, row) {
        let this_ = this;
        var temp = [];
        $.each(this_.couponSetData, function(key, val) {
          if (key == index) {
          } else {
            temp.push(val);
          }
        });

        var temp2 = [];
        let level = 1;
        $.each(temp, function(key, val) {
          val.level = level++;
          temp2.push(val);
        });

        this_.couponSetData = temp2;
      },
      addCouponSet: function(data) {
        let this_ = this;
        let level = this_.couponSetData.length + 1;
        let obj = { level,
          promotionId: this_.promotionId,
          conditionType:2,
          contentType:1,
          creator:1,
          creatorName:"ttt",
          updator:1,
          updatorName:"ttt"};
        this_.couponSetData.push(obj);
      },
      handleCheckAllChange(val) {
        this.checkedCities = val ? channelArr : [];
        this.isIndeterminate = false;
      },
      handleCheckedCitiesChange(value) {
        let checkedCount = value.length;
        this.checkAll = checkedCount === this.cities.length;
        this.isIndeterminate =
          checkedCount > 0 && checkedCount < this.cities.length;
      },
      handleCheckAllChange1(val) {
        this.checkedCities1 = val ? channelArr1 : [];
        this.isIndeterminate1 = false;
      },
      handleCheckedCitiesChange1(value) {
        let checkedCount = value.length;
        this.checkAll1 = checkedCount === this.cities1.length;
        this.isIndeterminate1 =
          checkedCount > 0 && checkedCount < this.cities1.length;
      },
      handleCheckAllChange2(val) {
        this.checkedCities2 = val ? channelArr2 : [];
        this.isIndeterminate2 = false;
      },
      handleCheckedCitiesChange2(value) {
        let checkedCount = value.length;
        this.checkAll2 = checkedCount === this.cities2.length;
        this.isIndeterminate2 =
          checkedCount > 0 && checkedCount < this.cities2.length;
      },
      handleCheckAllChange3(val) {
        this.checkedCities3 = val ? channelArr3 : [];
        this.isIndeterminate3 = false;
      },
      handleCheckedCitiesChange3(value) {
        let checkedCount = value.length;
        this.checkAll3 = checkedCount === this.cities3.length;
        this.isIndeterminate3 =
          checkedCount > 0 && checkedCount < this.cities3.length;
      },
      handleCheckAllChange4(val) {
        this.checkedCities4 = val ? channelArr4 : [];
        this.isIndeterminate4 = false;
      },
      handleCheckedCitiesChange4(value) {
        let checkedCount = value.length;
        this.checkAll4 = checkedCount === this.cities4.length;
        this.isIndeterminate4 =
          checkedCount > 0 && checkedCount < this.cities4.length;
      },
      // querySupplierListForAdd() {
      //   this.editBusinessDialogVisible = true;
      // },
      querySupplierListForAdd2() {
        this.editDialogVisible2 = true;
      },
      querySupplierListForAdd3() {
        this.editDialogVisible = true;
      },
      delAllSelectedSupplier() {},
      next() {
        let _this = this;
        let callback = function(res) {
          if (res.code == "0000") {
            _this.promotionId = res.data;
            _this.$refs.stepTwoMerchantStore.init(res.data,_this.$route.query.auth);
            _this.addActive();
            _this.promotionRuleSaveBatch();
          } else {
            _this.$message({ message: "操作失败", type: "fail" });
            _this.active = 1;
          }
        };
        let callbackUpdate = function(res) {
          if (res.code == "0000") {
            _this.addActive();
            _this.$refs.stepTwoMerchantStore.init(_this.promotionId, _this.$route.query.auth);
          } else {
            _this.$message({ message: "操作失败", type: "fail" });
            _this.active = 1;
          }
        };

        //保存活动基础配置
        if(this.active==1){
          if(this.promotionId == null){
            this.utils.request.promotionCreate(this.filters,callback);
          }else{
            this.utils.request.promotionUpdate(this.filters,callbackUpdate);
          }
        }
        //更新活动状态
        if(this.active==3 || this.active == 4){
          let callback = function(res) {
            if (res.code == "0000") {
              _this.addActive();
            } else {
              console.log("修改失败");
              _this.addActive();
            }
          };
          let params = {"promotionId": this.promotionId, "status": this.active == 3 ? 2 : 3}
          this.utils.request.promotionUpdateStatus(params,callback);
        }
        if(this.active==2){
          this.addActive();
          this.getShop();
        }
        if(this.active==4){
          this.$message({ message: "操作成功", type: "success" });
          return;
        }

      },
      addActive(){
        // if (this.active++ > 3) this.active = 1;
        if(this.active++ > 3){
          this.$router.push({
            path:"/pages/promotionManagement/FullPromotion"
          })
        }
      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      repelSelectionChange(val) {
        this.repelSelection = val;
      },
      addSelectionChange(val) {
        this.addSelection = val;
      },

      handleClick(tab, event) {
        console.log(tab, event);
        if (tab.name == "0") {
          // 触发‘配置管理’事件
          this.first();
        } else {
          // 触发‘用户管理’事件
          this.second();
        }
      },
      first() {
        console.log("生效商品");
        this.modalShow = 1;
      },
      second() {
        console.log("互斥商品");
        this.modalShow = 2;
      },
      //添加商品弹窗
      productSelectionModal() {
        this.productVisible = true;
      },
      showBatchSetUp() {
        if (this.search == true) {
          this.search = false;
        }
        if (this.setUp == false) {
          this.setUp = true;
        } else if (this.setUp == true) {
          this.setUp = false;
        }
      },
      showQueryCondition() {
        if (this.setUp == true) {
          this.setUp = false;
        }
        if (this.search == false) {
          this.search = true;
        } else if (this.search == true) {
          this.search = false;
        }
      },
      batchReAdd() {
        if (this.multipleSelection.length < 1) {
          this.$message({ message: "请选择要设置的商品", type: "error" });
          return false;
        }
        this.$message({ message: "操作成功", type: "success" });
      },
      updatePriceAndLimit() {},
      importCommodityModal(val) {
        if (val === 1) {
          this.operation = true;
        } else if (val == 2) {
          this.operation = false;
        }
        this.uploadVisible = true;
      },


      // setep3--start
      // 查询促销商品
      mainProductTableDataFormFind(){
        this.mainProductForm.promotionId=this.promotionId;
        console.log("---------"+this.promotionId);
        let  this_= this;
        this_.utils.request.promotionMerchantProductList(this.mainProductForm, function (resp) {
          console.log("查询促销商品查询促销商品查询促销商品查询促销商品查询促销商品:"+JSON.stringify(resp));
          if (resp.code == "0000") {
            this_.merchantProductTableData = resp.data.rows;
            // this_.merchantProductTableDataTotal = resp.data.total;
          }
        });
      },
      //更新价格或者限量-todo
      updatePriceOrLimit(val){
        let jsonVal =JSON.stringify(val);
        console.log("========更新价格或者限量======="+jsonVal);
        let callback = function(res) {
          if (res.code == "0000") {

          } else {
            //alert("修改失败");
          }
        };

        let temp = {};
        temp.promotionId              = val.promotionId;
        temp.mpId                     = val.mpId;
        temp.channelStoreLimit        = val.channelStoreLimit;
        temp.channelIndividualLimit   = val.channelIndividualLimit;
        temp.promPrice                = val.promPrice;
        console.log("========更新价格或者限量请求值======="+temp);
        this.utils.request.promotionMerchantProductUpdatePriceOrLimit(temp, callback);
      },

      //批量添加商品
      productSaveBatch(){
        this.dialogVisibleTwo = !this.dialogVisibleTwo;
        console.log("productSaveBatch");
        console.log(this.productAddSelection);
        console.log("productSaveBatch2");
        this.productPromotionListObject.productPromotionList.splice(0,this.productPromotionListObject.productPromotionList.length);
        console.log("productSaveBatch promotionList");
        console.log(this.productPromotionListObject.productPromotionList);
        console.log("productSaveBatch promotionList2");

        for (let i = 0; i < this.productAddSelection.length; i++) {
          let temp = {};
          temp.promotionId = this.promotionId;
          temp.mpId = this.productAddSelection[i].id;
          temp.mpName = this.productAddSelection[i].chineseName; // 商品名称
          temp.merchantName = this.productAddSelection[i].name;  //商家名称
          temp.storeName = this.productAddSelection[i].storeName;  //店铺名称
          temp.salePriceWithTax = this.productAddSelection[i].salePriceWithTax;  //零售价
          temp.mpCode = this.productAddSelection[i].code;  //商品编码
          temp.mpParentId = this.productAddSelection[i].parentId;
          temp.merchantId = this.productAddSelection[i].merchantId;
          temp.categoryId = this.productAddSelection[i].categoryId;
          // temp.categoryName     = this.productAddSelection[i].categoryName;    类别名称
          temp.picUrl = this.productAddSelection[i].pictureUrl;
          this.productPromotionListObject.productPromotionList.push(temp);
        }
        console.log("productSaveBatch productPromotionSaveBatch push ok");
        console.log("======================"+JSON.stringify(this.productPromotionListObject.productPromotionList));
        console.log("productSaveBatch productPromotionSaveBatch push ok2");

        let callback = res => {
          console.log(res);
          if (res.code == "0000") {
            // 查询本地促销商品
            this.mainProductTableDataFormFind();
          }
        };

        this.utils.request.promotionMerchantProductSaveBatch(this.productPromotionListObject, callback );

      },
      productTableDataSubmit2(){

        this.productSaveBatch();
      },
      //确定 选择商品
      productTableData2Click(){
        console.log("======选择商品======"+this.productAddSelection);
        // 调添加商品 接口
        this.productTableDataSubmit2();
      },
      // 选择商品
      addSelectionChangeProduct(val) {
        let this_ =this;
        this_.productAddSelection = val;
        console.log("==========addSelectionChangeProduct选择商品============"+JSON.stringify(val));
      },
      //修改table header的背景色
      tableHeaderColor({ row, column, rowIndex, columnIndex }) {
        if (rowIndex === 0) {
          return 'background-color:rgb(250,250,250);'
        }
      },
      //table的双色条纹
      tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      },
      add(){
        this.dialogVisibleTwo = true;
      },
      // 商品方法开始
      productFormFind(){
        let that_ =this;
        that_.utils.request.queryPageProductManagement(this.productForm, function (resp) {
          console.log("======查询商品====="+resp);
          if (resp.code == "0000") {
            that_.tableDataTwo= resp.data.rows;
          }
        });
      },
      resetForm(formName) {
        if (this.$refs[formName] != undefined) {
          this.$refs[formName].resetFields();
        }
      },
      // setep3--end
    },
    created: function(){
      let _this = this;
      let callback = res => {
        console.log(res);
        if (res.code == "0000") {
          _this.filters.id = res.data.id;
          _this.filters.promType = res.data.promType;
          _this.filters.promName = res.data.promName;
          _this.filters.frontPromType = res.data.frontPromType;
          _this.filters.foldingFlag = res.data.foldingFlag;
          _this.filters.overLimitRule = res.data.overLimitRule;
          _this.filters.description = res.data.description;
          _this.filters.channelCodes = (res.data.channelCodes + "").split("|");
          _this.filters.proPlatform = (res.data.proPlatform + "").split("|");
          _this.filters.proUserType = (res.data.proUserType + "").split("|");
          _this.filters.proMemberType = (res.data.proMemberType + "").split("|");
          _this.filters.proMemberLevel = (res.data.proMemberLevel + "").split("|");
          _this.filters.startTime = res.data.startTime;
          _this.filters.endTime = res.data.endTime;
          _this.filters.remark = res.data.remark;
          _this.filters.rejectCouponsFlag = res.data.rejectCouponsFlag;
          _this.filters.parcelsFlag = res.data.parcelsFlag;
        }else{
          alert("获取促销详情失败");
        }
      };
      let callback2 = res => {
          if (res.code == "0000") {
            _this.couponSetData = res.data;
          }
      };
      if(typeof(this.$route.query.value)!="undefined"){

        this.promotionId = this.$route.query.value;
        //获取促销基本信息详情
        let params = {"id": this.promotionId};
        this.utils.request.promotionDetailById(params, callback);

        //获取优惠设置
        let params2 = {"promotionId": this.promotionId};
        this.utils.request.promotionRuleFindAll(params2, callback2);


      }
    },
    mounted() {}
  };
</script>

<style scoped>
  .pdL10 {
    padding-left: 10px !important;
  }
  .mgB15 {
    margin-bottom: 15px !important;
  }
  .border-left {
    border-left: 3px #ddd solid !important;
  }
  .font-bold {
    font-weight: 700;
  }
  .form-group {
    margin-bottom: 15px !important;
    margin-right: -0px !important;
    margin-left: -0px !important;
  }
  .form-horizontal .control-label {
    padding-top: 5px;
    margin-bottom: 0;
    text-align: right;
  }
  .form-horizontal div {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif,
    "Regular", "Microsoft YaHei";
    font-size: 12px;
    color: #666666;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    word-wrap: break-word;
  }
  .form-horizontal .control-label {
    padding-top: 3px !important;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  /* .col-sm-10 {
      width: 83.33333333%;
  } */
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  label {
    font-weight: normal;
  }
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .form-group .pdt3px {
    padding-top: 3px;
  }
  .b-b {
    border-bottom: 1px solid #dddddd;
  }
  .line-dashed {
    border-style: dashed !important;
    background-color: transparent;
    border-width: 0;
  }
  .line-lg {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .line {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    font-size: 0;
    overflow: hidden;
  }
  table {
    background-color: transparent;
  }
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }
  .i-checks {
    padding-left: 0;
    margin-right: 15px;
    cursor: pointer;
    color: #666666;
  }
  .radio-inline,
  .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
  }
  .panel-body tr {
    padding: 0 15px;
  }
  .mgt15 {
    margin-top: 15px;
  }
</style>
